<template>
    <div>
        <home-header></home-header>
        <home-swiper :list="swiperList"></home-swiper>
        <home-icons :list="iconList"></home-icons>
        <home-recommend :list="recommendList"></home-recommend>
        <home-weekend :list="weekendList"></home-weekend>
    </div>
</template>

<script>
import HomeHeader from "./components/header";
import HomeSwiper from "./components/swiper";
import HomeIcons from "./components/icons";
import HomeRecommend from "./components/recommend";
import HomeWeekend from "./components/weekend";
import axios from "axios";
import {mapState} from 'vuex'
export default {
  components: {
    HomeHeader,
    HomeSwiper,
    HomeIcons,
    HomeRecommend,
    HomeWeekend
  },
  data() {
    return {
      swiperList:[],
      iconList:[],
      recommendList:[],
      weekendList:[],
      lastCity:''
    };
  },
  computed:{
    ...mapState(['city'])
  },
  methods: {
    getHomeInfo() {
      axios.get('/api/index.json?city='+this.city+'').then(this.getHomeInfoSucc);
    },
    getHomeInfoSucc(res) {
      var res = res.data;
      //获取城市
      if (res.ret && res.data) {
        const data=res.data;
        this.swiperList=data.swiperList
        this.iconList=data.iconList
        this.recommendList=data.recommendList
        this.weekendList=data.weekendList
      }
    }
  },
  mounted() {
    this.lastCity=this.city;
    this.getHomeInfo();
  },
  activated() {
    if(this.lastCity !== this.city){
      console.log('重新请求')
      this.lastCity=this.city;
      this.getHomeInfo();
    }
  },
};
</script>

<style scoped lang="sass">
</style>